<template>
	<div class="market_act_detail">		
		<div class="content" v-if="detailData.length>0">
			<h2>{{ detailData[0].title }}</h2>
			<div class="detail" v-html="detailData[0].content"></div>
		</div>
	</div>
</template>

<script>
	import { setCookie, getCookie, removeCookie, clearCookie } from '@/assets/js/cookie'
	import { XHeader, Tab, TabItem } from 'vux';
	import { getUrlParam } from '@/assets/js/getUrlParam'
	export default {
		name: 'market_act_detail',
		data() {
			return {
				detailData: []
			}
		},
		components: {
			XHeader,
			Tab,
			TabItem
		},
		computed: {

		},
		created() {

		},
		mounted() {
			this.getDetail();
		},
		methods: {
			getDetail(){
				this.$vux.loading.show();
				let obj = {};				
				obj.token = getUrlParam('token') || '';
				obj.uid = getUrlParam('uid') || '';
				obj.ad_doc_id = this.$route.params.id;
				this.$axiosGet('/platform/service/storedetail.json',obj,true).then(res => {
					if(res.code === 200){
						this.$vux.loading.hide();
						this.detailData.push(res.data);
					}
				})
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	.market_act_detail {
		text-align: left;
		.content{
			>h2{
				font-size: .47rem;
				color: #000;				
				padding: .5rem .1rem;
				background: #fff;
			}
		}
	}	
</style>